.app-top{
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	image{
		width: 100%;
	}
}
page{
	background-color: #f9f9f9;
}
.app-con{
	padding: 200upx 30upx 30upx;
	position: relative;
	z-index: 1;
}
.app-1{
	display: flex;
	background-color: #fff;
	padding: 20upx 0;
	box-shadow: 0px 10px 46upx 0px rgba(0, 0, 0, 0.06);
	border-radius: 16upx;
	>view{
		display: flex;
		align-items: center;
		flex: 1;
		view{
			flex: 1;
			margin-left: 10upx;
			text{
				display: block;
				&:nth-child(1){
					font-size: 26upx;
					font-family: Source Han Sans CN;
					font-weight: 500;
					color: #000;
				}
				&:nth-child(2){
					font-size: 22upx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #333333;
					opacity: 0.5;
					margin-top: 5upx;
				}
			}
		}
		image{
			width: 100upx;
		}
	}
}


.app-4{
		padding: 40upx 0 0;
		border-bottom: 2px solid  #3559E3;
		view{
			display: inline-block;
			height: 55upx;
			line-height: 55upx;
			font-size: 28upx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #000000;
			text-align: center;
			padding: 0 20upx;
			&.on{
				background-color: #3559E3;
				color: #fff;
				border-radius: 5px 5px 0 0;
			}
		}
	}
	.app-5{
		.list{
			
			>view{
				margin-top: 35upx;
				display: flex;
				background-color: #fff;
				padding: 30upx 25upx;
				>view{
					&:nth-child(1){
						>image{
							width: 80upx;
							height:80upx;
							border-radius: 50%;
						}
					}
					&:nth-child(2){
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 30upx;
						text{
							&:nth-child(1){
								font-size: 32upx;
								font-family: Source Han Sans CN;
								font-weight: 500;
								color: #000;
								
							}
							&:nth-child(2){
								font-size: 24upx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #000; 
								margin: 10upx 0;
							}
							&:nth-child(3){
								font-size: 24upx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #999; 
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								overflow: hidden;
							}
						}
					}
				}
			}
		}
	}
	.app-6{
		.list{
			
			>view{
				margin-top: 35upx;
				display: flex;
				background-color: #fff;
				padding: 30upx 25upx;
				>view{
					&:nth-child(1){
						text{
							width: 80upx;
							height: 80upx;
							border-radius: 50%;
							color:#fff;
							display: flex;
							align-items: center;
							justify-content: center;
							background-color: #385CEC;
						}
					}
					&:nth-child(2){
						flex: 1;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						margin-left: 30upx;
							
						view{
							text{
								&:nth-child(1){
									font-size: 32upx;
									font-family: Source Han Sans CN;
									font-weight: 500;
									color: #000;
								}
								&:nth-child(2){
									font-size: 24upx;
									font-weight: 500;
									color: #385CEC;
									padding: 5upx 25upx;
									background-color: rgba($color: #385CEC, $alpha: 0.1);
									border-radius: 5upx;
									margin-left: 20upx;
								}
							}
						}
						>text{
							&:nth-child(2){
								font-size: 24upx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #000; 
								margin: 10upx 0;
							}
							&:nth-child(3){
								font-size: 24upx;
								font-family: PingFang SC;
								font-weight: 500;
								color: #999; 
								display: -webkit-box;
								-webkit-box-orient: vertical;
								-webkit-line-clamp: 1;
								overflow: hidden;
							}
						}
					}
				}
			}
		}
	}